<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/homepage.css">
	<script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/unslider.min.js"></script>
    <script src="js/pingzi_video.js"></script>
	<title>HOME</title>
</head>
<body>
	<div class="nav">
		<i></i>
		<p>金大咖网络技术有限公司</p>
		<ul>
			<li style="text-align: left;">
				<a href="file:///F:/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/jindaka/homepage.html">首页</a>
			</li>
			<li>
			    <a href="file:///F:/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/jindaka/contactus.html">联系我们</a>
		    </li>
			<li style="width: 138px; float: right; background-color: #ffa636;border-radius: 70px/70px;">
				<a href="file:///F:/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/jindaka/index.html" style="color: #ffffff;">APP下载</a>
			</li>
		</ul>
	</div>
	<div id="myCarousel" class="carousel" style="">
	<!-- 轮播（Carousel）指标 -->
	<!-- 轮播（Carousel）项目 -->
	    <ul>
	    	<li class="slider-item">
	    		<div>
	    			<p>一站式服务 <br> One-stop service</p>
				    <p style="font-size: 8px; color: #99a0a6;">汽车养护一站式服务平台，从洗车开始因为有我，开始变的简单。</p>
				    <a href="">了解更多</a>
	    		</div>
	    		<img src="images/iphone-462x424.png">	
	    	</li>
	    	<li class="slider-item" style="margin-left: 1.8%">
	    		<div>
	    			<p>一站式服务 <br> One-stop service</p>
				    <p style="font-size: 8px; color: #99a0a6;">汽车养护一站式服务平台，从洗车开始因为有我，开始变的简单。</p>
				    <a href="">了解更多</a>
	    		</div>
	    		<img src="images/iphone-462x424.png">	
	    	</li>
	    	
	    </ul>
	<!-- 轮播（Carousel）导航 -->
	    <a href="javascript:void(0);" class="unslider-arrow04 prev">
	        <img class="arrow" id="al" src="images/rightarrow-60x60.png" alt="prev" width="20" height="35">
	    </a>
	    <a href="javascript:void(0);" class="unslider-arrow04 next">
	    	<img class="arrow" id="ar" src="images/leftarrow-60x60.png" alt="next" width="20" height="37">
	    </a>
    </div> 
	<div class="content">
		<i></i>
		<div>
			<div>
				<h3>数百家专业级店铺合作</h3>
			    <span></span>
			    <p>随着人们生活水平的提高，为改善自身生活质量以及出行方便，越来越多的家庭都会至少配备一辆车作为出行工具，但这也导致了城市车辆的饱和，出现停车位难求、停车费偏贵等现象。而厦门市本就不大的土地面积，更加剧了这类问题的严重性。
			    <br>
			    <br>
                金大咖覆盖厦门全岛500+店铺，真正做到平台会员，全岛洗车，金大咖所签约商家都是经过层层挑选，无论从服务品质，还是服务态度上，都经过公司统一标准化培训，专业化程度远超同行业。金大咖作为厦门覆盖范围最广的汽车服务类的App，在为平台会员提供便捷和实惠的汽车服务的过程中，还希望能为会员的生活也尽可能的增添愉悦度。我们在讨论中发现一个小诀窍，因为会员通过金大咖平台洗车，仅需20元，而平台会员只需在出门办事时，使用金大咖App查找附近的洗车网点并支付20元洗车费用，不仅可以使汽车焕然一新，还节省了会员寻找停车位的时间，何乐而不为呢？毕竟有时候停车的费用都不止20元。
                </p>
			</div>		
			<i></i>
		</div>
	</div>
	<div class="function">
		<h1>特色功能</h1>
		<h2>Functions</h2>
		<ul>
			<li>金大咖提供多种服务<br>为客户提供高品质服务</li>
			<li style="width:200px;font-family: AdobeHeitiStd;font-size: 16px;margin-left: 196px;">会员可享受全国道路救援<br>全厦门一价洗全城</li>
			<li style="float: right;">全城定位让用户随时随地<br>享受一站式服务</li>
		</ul>
	</div>
	<div class="video">
		<button class="m-video" data-src="480.mp4"></button>
	</div>
	<div class="extension">
		<h1 style="color: #333333;">地推风采</h1>
		<h2 style="color: #333333; width: 350px;">Extension Style </h2>
		<ul>
			<li style="background: url(images/extension01-390x332.png) no-repeat 0 center;">
				<p class="date">2016.7.20</p>
				<p class="activity">地推扫码就送精彩活动</p>
				<p class="more">了解更多</p>
			</li>
			<li style="margin-right:50px; margin-left:50px;background: url(images/extension02-390x332.png) no-repeat 0 center;">
				<p class="date">2016.7.20</p>
				<p class="activity">地推扫码就送精彩活动</p>
				<p class="more">了解更多</p>
			</li>
			<li style="background: url(images/extension03-390x332.png) no-repeat 0 center;">
				<p class="date">2016.7.20</p>
				<p class="activity">地推扫码就送精彩活动</p>
				<p class="more">了解更多</p>
			</li>
		</ul>
	</div>
	<div class="register">
		<p>金大咖</p>
		<div>
			<form>
				<input type="text" name="email" value="email" onfocus="this.value=''" onblur="if(this.value==''){this.value='email'}">
				<button>发送</button>
				<p>注册电子邮件更新产品的优惠和折扣</p>
			</form>
			<p>联系方式 <br><br>金大咖（厦门）网络技术有限公司<br>公司地址：厦门海沧区海沧大道泰地海西T3（1901）<br>联系电话：05922102020</p>
			<div>
				<i></i>
				<p>关注微信二维码了解更多资讯</p>
			</div>
		</div>
	</div>
	<div class="footer">
		<div>
			<p>© 2014 <span>Geek</span> App Landing Page</p>
			<ul>
				<li style="background: url(images/qq-20x20.png) no-repeat 0 center; width: 20px;"></li>
				<li style="background: url(images/wechat-24x22.png) no-repeat 0 center; width: 24px;"></li>
				<li style="background: url(images/weibo-26x22.png) no-repeat 0 center; width: 26px;"></li>
				<li style="margin-right: 0; width: 22px; background: url(images/mb-22x22.png) no-repeat 0 center;"></li>
			</ul>
		</div>
	</div>

	<script type="text/javascript">
		$(document).ready(function(e) {
	        var progress = $(".progress"),li_width = $("#myCarousel li").length;
            var unslider04 = $('#myCarousel').unslider({
		        dots: true,
		        complete:function(index){//自己添加的，官方没有
			        progress.animate({"width":(100/li_width)*(index+1)+"%"});
		        }
	        }),

	        data04 = unslider04.data('unslider');
	        $('.unslider-arrow04').click(function() {
                var fn = this.className.split(' ')[1];
                data04[fn]();
            });
        });
	</script>

</body>
</html>